@extends('layouts.home-marster')
@section('course')
    {{--内容区--}}
    <div class="fliter-wrap col-md-12 col-xs-12 col-sm-9 ">
        <div class="fliter-cont">
            <div class="selected">
                <div id="tagselected" class="selected-tag"></div>
            </div>
            <div class="select-list">
                <!-- 内容筛选begin -->
                <div class="filter-item">
                    <ul class="filter">
                        <li typeid="all" type="content"><a href="">全部:</a></li>
                        <li><a href="">武侠</a></li>
                        <li><a href="">玄幻</a></li>
                        <li><a href="">奇幻</a></li>
                        <li><a href="">仙侠</a></li>
                        <li><a href="">都市</a></li>
                        <li><a href="">历史</a></li>
                        <li><a href="">军事</a></li>
                        <li><a href="">灵异</a></li>
                        <li><a href="">科幻</a></li>
                        <li><a href="">游戏</a></li>
                        <li><a href="">体育</a></li>
                        <li><a href="">二次元</a></li>
                        <li><a href="">职场</a></li>
                        <li><a href="">短篇</a></li>
                        <li><a href="">玄幻言情</a></li>
                        <li><a href="">仙侠奇缘</a></li>
                        <li><a href="">古代言情</a></li>
                        <li><a href="">现代言情</a></li>
                        <li><a href="">浪漫青春</a></li>
                        <li><a href="">悬疑灵异</a></li>
                        <li><a href="">科幻空间</a></li>
                        <li><a href="">游戏竞技</a></li>
                        <li><a href="">同人小说</a></li>
                    </ul>
                </div>
                <!-- 内容筛选end -->
                <!-- 类型筛选begin -->
                <div class="filter-item">
                    <span class="ttl">人群:</span>
                    <ul class="filter">
                        <li typeid="all" type="people"><a href="">全部</a></li>
                        <li><a href="">新人</a></li><li><a href="">进阶</a></li>
                    </ul>
                </div>
                <!-- 类型筛选end -->
            </div>
        </div>
    </div>
    {{--课程筛选--}}

    <div style="margin-top:30px" id="main-bottom">
        <div class="tab main-wrap ">
            <div id="lis-1" class="tab_menu com-section course-list ">
                {{--文字筛选标题--}}
                <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">
                    <ul id="myTabs" class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#course" id="new-course" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">最新课程</a></li>
                        <li role="presentation" class=""><a href="#best" role="tab" id="best-rated" data-toggle="tab" aria-controls="profile" aria-expanded="false">评分最高</a></li>
                        <li role="presentation" class=""><a href="#most" role="tab" id="most-viewed" data-toggle="tab" aria-controls="profile" aria-expanded="false">查看最多</a></li>
                        <li role="presentation" class=""><a href="#collect" role="tab" id="most-collect" data-toggle="tab" aria-controls="profile" aria-expanded="false">收藏最多</a></li>

                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div role="tabpanel" class="tab-pane fade active in" id="course" aria-labelledby="new-course">
                            {{--一条课程--}}
                            <div class="article-box">
                                @foreach($course as $k)
                                <div id="item">
                                    <div class="items">
                                        <div class="article-content">
                                            <div class="photo-box">
                                                <a href="{{url('zjxhome/go_course/'.$k->id.'/b')}}" target="_blank">
                                                    <img style="height:108px;width:192px;" src="{{asset('image/home/'.$k->id.'.jpg')}}">
                                                </a>
                                            </div>
                                            <div class="intro-box">
                                                <h3><a href="{{url('zjxhome/go_course/'.$k->id.'/b')}}" target="_blank" style="color: #3D495F;"><b>{{$k->title}}</b></a></h3>
                                                <p class="intro" style=" width:550px;overflow: hidden;height:40px;"><a href="{{url('zjxhome/go_course/'.$k->id.'/b')}}" target="_blank">{!!$k->dist!!}</a></p>
                                            </div>
                                        </div>
                                        <div class="article-bottom">
                                            <span class="author pic32">
                                            <img src="{{asset('image/course/'.$k->img)}}">{{$k->nickname}} · {{date('Y-m-d',$k->uptime)}}
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="tab-pane fades" id="best" aria-labelledby="best-rated">
                            {{--一条课程--}}
                            <p style="text-align:center;padding:30px">暂无数据</p>
                        </div>
                        <div class="tab-pane fades" id="most" aria-labelledby="most-viewed">
                            {{--一条课程--}}
                            <p style="text-align:center;padding:30px">暂无数据</p>
                        </div>
                        <div class="tab-pane fades" id="collect" aria-labelledby="most-collect">
                            {{--一条课程--}}
                            <p style="text-align:center;padding:30px">暂无数据</p>
                        </div>
                    </div>
                    <div id="more" type="bottom" class="more-bottom"><a style="cursor:pointer">加载更多</a></div>
                </div>
            </div>
        </div>
    </div>

@endsection
